<template>
  <div class="header">
    <div class="header-left">
      <span class="iconfont icon-arrow-left"></span>
    </div>
    <div class="header-search">
      <span class="iconfont icon-search"></span>
      输入城市/景点/游玩主题
    </div>
    <div class="header-right">
      北京<span class="iconfont icon-arrow-down"></span>
    </div>
  </div>
</template>
<script>

</script>
<style>
.header{
  width:100%;
  height:0.88rem;
  line-height:0.88rem;
/*  background: #00bcd4;*/
  font-size:.36rem;
  display: flex;
  position:absolute;
  z-index:100;
}
.header .header-left{
  width:.4rem;
  padding:0 0.2rem;
  text-align:center;
}
.header-left span{
  font-size:0.5rem;
  color:#fff;
}
.header-search{
  flex:1;
  background:#fff;
  height: .6rem;
  margin:.14rem 0;
  border-radius: .5rem;
  color:#999;
  line-height: .6rem;
  font-size:.28rem;
  padding-left:.2rem;

}
.header-search span{
  font-size:0.38rem;
  vertical-align:middle;
}
.header-right{
  font-size:.28rem;
  color:#fff;
  padding: 0 .2rem;
}
.header-right a{
  color:#fff;
}
</style>
